import Vue from 'vue'
import Router from 'vue-router'

// 这里是需要引用的组件
import Hello from '@/components/Hello'
import Hi from '@/components/Hi'
// 只要创建vue项目的时候 选了router就会自动生成这些东西
Vue.use(Router);

export default new Router({
  routes: [
    {
      // 这里是路由地址 相当于网页的地址 可以接受变量例如'/:id'  视图传送方式为:params:{id: "我传送的变量"}
      path: '/',
      // 这个name就是路由的名字 视图中router-link :to='{name: "Hello",params:{name: item.author.loginname}}'的这个name就指向的这里的name
      name: 'Hello',
      // 如果只渲染一个视图那么就不用加s,并且只有一个渲染的视图
      components:{
        // router-view 如果不加name默认为default 我这里默认渲染的组件视图为Hello
        default:Hello,
        //router-view name="a"时  渲染组件视图为Hi
        a:Hi
      } 
    },{
      // 这是我的第二个测试路由  这个path地址只是区分视图的不同  其实可以直接随便命名
      path:'/router/',
      // 主页从router-link :to="{name='testrouter'}"便可以指向这个路由当然传送变量也是可以的 只要path后面有接受传送值的变量
      name:'testrouter',
      // 这里是渲染的一个Hi组件
      component:Hi,
      // 这个东西好像是重定向  我不知道 没玩过 现在反正不需要 以后做大一点的项目的时候边看边学吧
      //  redirect: '/user:name',
    }
    // {
    //     path: '/',
    //     name: 'RootPath',
    //     components: {
    //         main: MainSec,
    //     },
    // }
  ]
})
